草庐IT

CoreDNS 性能优化

全部标签

javascript - 优化 JavaScript DrillDown 代码

我的页面上有一个向下钻取图,我想对其进行优化。现在我正在加载每个“向下钻取”map,即使它没有被点击。Here是一个示例,显示了单击状态时如何加载数据。我想实现这一点。但这是我的代码,如您所见,即使未单击map,我也会加载所有向下钻取json。在我的示例中,我只有2个向下钻取选项,但在我的现实生活中,我有15个,所以它确实会减慢一切。所以这是我的代码://getmainmap$.getJSON('json/generate_json_main_map.php',function(data){//getregion1map$.getJSON('json/generate_json_reg

javascript - openlayers、decarta 和 google maps 之间的性能差异

我们最近一直在将我们公司的map系统从Googlemap过渡到deCarta,然后再过渡到OpenLayers。我们发现,当许多元素(数千个)被添加到map(点击时带有气泡的图钉)时,OpenLayers和deCarta明显比谷歌地图慢。谷歌有标记管理器,它似乎使它更快,但我无法弄清楚它是如何减少内存使用量或使它表现得更好的任何东西。这让我抓狂,因为我们对OL和deCarta做的事情与我们对Google做的一样,而其他人的速度太慢了。有没有人有使用这些系统的经验?我知道Google是map技术领域的巨人,因此向该系统投入了大量资金,因此速度更快也就不足为奇了。如果可能的话,我只想知道怎

javascript - Chrome for 循环优化

所以我很好奇什么方法可以更快地遍历数组,普通的for循环或forEach所以我在控制台中执行了这段代码:vararr=[];arr.length=10000000;//arr.fill(1);for(vari_1=0;i_1现在在Chrome中,for循环的结果是49ms,forEach循环的结果是376ms。这没问题,但在Firefox和IE(以及Edge)中的结果有很大不同。在其他两种浏览器中,第一个循环耗时约15秒(是秒),而forEach仅耗时约4秒。我的问题是有人能告诉我Chrome速度如此之快的确切原因吗?我在循环中尝试了各种操作,结果总是对Chrome有利一英里。

javascript - 基于 JS/HTML5 Webkit 的移动开发的轻量级 UI 框架,具有良好的列表性能

我的问题与LookingforarecommendationforalightweightmobileHTML5/JavaScriptframework略有不同我正在加入一个针对ipad的JS/HTML5项目,目前使用Backbone.js进行MVC,使用Zepto进行dom操作。他们对jQueryMobile进行了试验,发现列表性能不尽如人意。基本上我正在寻找一个具有非病毒操作系统许可的替代移动JavascriptUI框架(Sencha似乎与gpl3一起出现,我想要一些纯粹专注于ui小部件的东西),它提供了高性能的动态列表和一个通用的iOS风格ui小部件集。我确实有使用enyo的经验

javascript - RequireJS 优化器配置问题,bbb 版本

我正在使用RequireJS、带布局管理器的主干样板、JamJS来帮助管理包,并且在开发中一切正常,但是当我尝试创建一个包含串联文件的生产版本时,它不起作用。看起来我的配置中的shim可能没有加载。例如,我在控制台中收到的错误是UncaughtTypeError:Cannotsetproperty'cookie'ofundefined,因此jQuery不会作为jquery.cookie的依赖项加载。这是我的应用配置://Settherequire.jsconfigurationforyourapplication.require.config({//Initializetheappli

javascript - 将项目插入数组的最佳性能方法?

在我的网站上,我有许多包含数据的数组。例如:顶点数组、颜色数组、尺寸数组...我正在处理大量项目。高达数千万。在将数据添加到数组之前,我需要对其进行处理。直到现在,我都是在主线程中完成的,这让我的网站卡住了X秒。由于处理以及将处理后的数据添加到数组中,它卡住了。今天我将处理“移动”(做了很多工作)到webworker中,但是处理后的数据被添加到主线程中。我设法节省了处理的卡住时间,但没有节省添加的时间。添加只需通过array.push()或array.splice()即可完成。我读过一些关于数组如何工作的文章,发现当我们将项目添加到数组时,数组被完全复制到内存中的一个新位置array.

javascript - 使用 React 突出显示列表中的项目时的性能

我有一个很大的列表,假设有3000个成员。我有一个呈现此列表的组件和一个用于每个列表项的组件。在外部组件中,我们有这样的代码:constlist=_.map(this.props.items,(item)=>{return});然后在我们的JSX中放置列表:Checkoutmysweetlist{list}难点在于:我想在用户单击某个项目时向用户显示该项目已被选中。因此,在我的ListItem组件中,我有代码根据单个项目是否具有selected属性来突出显示自身。当只有单个项目的选定属性发生变化时,如何阻止React重新呈现整个列表?我确定我需要以某种方式重构我的代码,但我不确定什么结

javascript - Vuejs css 作用域性能

我正在使用VueJs开发一个新的应用程序,我看到它实现了一个像这样的“css作用域”.example{color:red;}hi它呈现的样子.example[_v-f3f3eg9]{color:red;}hi我要开发一个包含许多原子设计组件的大元素,我想问一下,为了性能,使用类还是使用作用域更好 最佳答案 Scopedstylesdonoteliminatetheneedforclasses.DuetothewaybrowsersrendervariousCSSselectors,p{color:red}willbemanytime

javascript - 如何在单页(Web)应用程序上进行 "end-client"性能测试?

我们正在评估如何在single-pageapplication(SPA)上测试性能这在很大程度上依赖于JavaScript和动态内容(通过Ajax更新)。流行的负载测试工具,如ApacheJMeter或Gatling能够通过发送HTTP请求用很少的硬件产生巨大的负载。但它们不处理任何Javascript代码。我们想衡量客户端感知的性能,即坐在浏览器前的最终用户感知的性能(包括所有渲染和JavaScript开销)。我们考虑了以下备选方案:使用SeleniumGrid在多台机器上同时运行测试脚本。每个实例都将在运行时收集的延迟数据提交到中央存储库。与上面类似,只是只启动了一个Seleniu

javascript - EmberJS 和 Rails 4 API 的性能问题

我有一个由Rails4RESTAPI提供支持的EmberJS应用程序。该应用程序目前运行良好,但根据正在执行的查询类型,它变得非常缓慢。目前API输出如下:"projects":[{"id":1,"builds":[1,2,3,4]}]当用户有很多项目,其中有很多构建在它们之间拆分时,就会出现问题。EmberJS当前查看builds键,然后向/builds?ids[]=1&ids[]=2发出请求,这是我想要的那种行为。这个问题可能有两个解决方案之一。更新Rails以更有效地加载build_ids更新EmberJS以支持不同的构建查询选项1:更新Rails我已经尝试了各种关于预加载和使用